<p>todo-list works!</p>
<div class="maintodo">
    <header>
        <h1>ToDoList</h1><input type="text" title="添加ToDo"[(ngModel)]="task" (keyup)="doAdd($event)">
    </header>
    <div>
        <div class="doing">
            <h2>正在进行</h2>
            <ul>
                <li *ngFor="let item of todoList;let key=index;" [hidden]="item.status==1">
                    <input type="checkbox" [(ngModel)]="item.status" (click)='changeCheck()'>{{item.title}}----<button (click)="doDelete(key)">x</button>
                </li>
            </ul>
        </div>
        <div class="complete">
            <h2>已经完成</h2>
            <ul>
                <li *ngFor="let item of todoList;let key=index" [hidden]="item.status==0">
                    <input type="checkbox" [(ngModel)]="item.status" (click)='changeCheck()'>{{item.title}}----<button (click)="doDelete(key)">x</button>
                </li>
            </ul>
        </div>
    </div>
    
</div>
